<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="/static/css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="/static/css/index_style.css"/>

        <link rel="icon" href="/static/images/favicon.ico">
	</head>
	<body style="margin:0;padding:0;overflow:hidden" scroll="no">
		<div class="header">
			<div class="nav">
				<h1><a href="JavaScript:;"><img src="/static/images/logo.png" alt="QQ音乐" width="100px" height="26px" /></a></h1>
{#				<h1><a href="JavaScript:;"><img src="/static/images/logo.png" alt="QQ音乐" width="150px" height="36px" /></a></h1>#}
				<ul>
					<li><a class="active" href="JavaScript:;">音乐馆</a></li>
					<li><a href="JavaScript:;">我的音乐</a></li>
					<li><a href="JavaScript:;">客户端</a></li>
					<li><a href="JavaScript:;">音乐号</a></li>
					<li><a target="_parent" href="{{ url('index:vip') }}">VIP</a></li>
				</ul>

                <form method="get" action="/search" target='_parent'>
				<div class="search">
					<input type="text" name="text" placeholder="搜索音乐、MV、歌单、用户" />
                    <button type="submit" class="search_input__btn2" target="_parent">
                        <i class="glyphicon glyphicon-search" target="_parent"></i>
                    </button>

				</div>
                </form>

				<div class="nav_dl">
                    {% if user_id or username%}
                        {% if user_pic %}
                    <a href="{{ url('users:i_like') }}" target="_parent"><img src="{{ user_pic }}" style="width: 60px; border-radius: 50px; margin-left: 20px"/></a>
                            {% else %}
                    <a href="{{ url('users:i_like') }}" target="_parent"><img src="http://p1.music.126.net/RLeBJe4D1ZzUtltxfoKDMg==/109951163250239066.jpg" style="width: 60px; border-radius: 50px; margin-left: 20px"/></a>
                            {% endif %}
                    {% else %}
                     <a href="/login" class="dl" target="_parent">登录</a>
                    {% endif %}
						<a href="JavaScript:;" class="kt1">开通绿钻豪华版</a>
{#						<a href="JavaScript:;" class="kt2">开通付费包</a>#}
				</div>
			</div>
			<ul class="title">
					<li><a href="{{ url('index:main') }}" target="_top">首页</a></li>
					<li><a href="/singers/1" target="_top">歌手</a></li>
					<li><a href="/album/1/all" target="_top">新碟</a></li>
					<li><a href="{{ url('top:surge_top') }}" target="_top">排行榜</a></li>
					<li><a href="JavaScript:;">分类歌单</a></li>
					<li><a href="JavaScript:;">电台</a></li>
					<li><a href="/album_num" target="_top">数字专辑</a></li>
					<li><a href="JavaScript:;">票务</a></li>
			</ul>
		</div>
	</body>
	<script src="/static/js/jquery.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$(function(){
			$(".header .title a").click(function(){
				$(".header .title a").removeClass("active");
				$(this).addClass("active");
			})
		})
	</script>
</html>
